<#compress>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>IFONLY | <@block name="title"></@block></title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.2 -->
    <link href="${ctx!}/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Font Awesome Icons -->
    <link href="${ctx!}/static/font-awesome/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="${ctx}/static/ionicons/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="${ctx}/static/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link href="${ctx}/static/dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />

    <@block name="styles"></@block>

    <!--[if lt IE 9]>
    <script src="${ctx!}/static/libs/html5shiv.js"></script>
    <script src="${ctx!}/static/libs/respond.min.js"></script>
    <![endif]-->
</head>
<body class="skin-blue fixed">
<div class="wrapper">

    <header class="main-header">
        <a href="#" class="logo"><b>IFONLY</b></a>
        <nav class="navbar navbar-static-top" role="navigation">
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">显示隐藏菜单</span>
            </a>
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="tasks-menu" id="logout-btn">
                        <a href="#">
                            <span class="glyphicon glyphicon-log-out"></span>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <aside class="main-sidebar">
        <#include 'nav.ftl'>
    </aside>

    <div class="content-wrapper">
        <section class="content-header">
        <@block name="header"></@block>
        </section>

        <section class="content">
        <@block name="content"></@block>
        </section>
    </div>

    <#include 'footer.ftl'/>

</div>

<!-- jQuery 2.1.3 -->
<script src="${ctx}/static/plugins/jQuery/jQuery-2.1.3.min.js"></script>
<!-- jQuery serializeObject -->
<script type="text/javascript" src="${ctx}/static/plugins/jquery.serializeObject.js"></script>

<!-- layer 2.1.3 -->
<script type="text/javascript" src="${ctx}/static/libs/layer/layer.js"></script>
<!-- Bootstrap 3.3.2 JS -->
<script src="${ctx}/static/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='${ctx}/static/plugins/fastclick/fastclick.min.js'></script>
<!-- slimScroll -->
<script src='${ctx}/static/plugins/slimScroll/jquery.slimscroll.min.js'></script>
<!-- handlebars.js -->
<script src='${ctx}/static/plugins/handlebars.js'></script>
<!-- AdminLTE App -->
<script src="${ctx}/static/dist/js/app.min.js" type="text/javascript"></script>

<!-- AdminLTE for demo purposes -->
<script src="${ctx}/static/dist/js/demo.js" type="text/javascript"></script>
<script type="text/javascript">
    var g = {
        ctx : '${ctx!}'
    };
</script>
<script src="${ctx}/static/dist/js/ifonly.js" type="text/javascript"></script>
<@block name="scripts"></@block>
</body>
</html>
</#compress>